style-components 기본 설정

먼저 style-components의 타입정의 설치하고 가야한다.

npm i styled-components
npm i @types/styled-components
npm i styled-reset

1. 전역 스타일 설정

2. styled-components에서 전역적으로 사용할 변수를 지정하는 방법. (theme.ts)

3. styled-components의 자동완성을 위해서 아래와 같이 타입 정의를 수정해야 한다. (styled.d.ts)

4. 이미지를 불러올때는 아래와 같이 변수를 지정해야한다. (imgages.d.ts)

5. 사용방법1

6. 사용방법2